/**
 * 学习目标：JSX插值表达式-基本数据数据类型
 * 表达式: 
 *  1. 变量
 *  2. 基础数据类型：string、number、null、boolean、undefined
 *  3. 引用数据类型: 数组、对象、函数
 *  4. 其它: JSX本身、三元、逻辑运算符
 * 
 * 总结：JSX-插值表达式
      语法： {表达式}
      基本数据类型
        1. string  number正常显示
        2. 🔔null  boolean  undefined 不显示
 */

import React from 'react';
import ReactDOM from 'react-dom';

const msg = 'hello 7475';
const divNode = (
  <>
    <h1>{msg}</h1>
    <h2>{74}</h2>
    <h2>{'75'}</h2>

    {/* null undefined boolean */}
    <h3>{null}</h3>
    <h3>{undefined}</h3>
    <h3>{true}</h3>
    <h3>{false}</h3>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
